<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>节点属性操作</title>
</head>
<body>

<img src="1.png" alt="this is a picture" title="picture">
<input type="checkbox">
<button>普通按钮</button>
<p style="color: red">hello</p>
<script>
    let img_ele = document.querySelector('img')
    console.log(img_ele, typeof img_ele)
    // 访问节点属性
    console.log(img_ele.src)
    console.log(img_ele.alt)
    console.log(img_ele.title)

    // 改变属性值
    img_ele.title = '图片'
    img_ele.src = '2.png'

    // 设置表单 复选框的默认选中 checked
    let form_checkbox = document.querySelector('input[type="checkbox"]')
    //  false  未选中  true  选中
    form_checkbox.checked = false

    // 按钮设置禁用   true  禁用  false 可用
    let btn = document.querySelector('button')
    btn.disabled = false


</script>
</body>
</html>
